<!doctype html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>音乐播放器</title>
		<script type="text/javascript" src="script/jquery.js"></script>
		<script type="text/javascript" src="script/musicplayer.js"></script>
		<link type="text/css" rel="stylesheet" href="style/musicplayer.css"/>
	</head>
	<body>
		<div id="musicPlayer">
			<div id="playList">
				<div id="playListTitle">
					<span>播放列表</span>
					<div id="hideList"></div>
				</div>
				<div id="playListSheet">
					<ul></ul>
				</div>
			</div>
			<div id="musicOperation">
				<div id="musicInfo">
					<div id="albumCover"></div>
					<div id="songInfo">
						<div id="author" class="infoItem"></div>
						<div id="title" class="infoItem"></div>
					</div>
				</div>
				<!--播放器开始-->
				<div id="playerConsole" class="player_console">
					<!--播放器按钮start-->
					<div id="btnVolume" class="btn_volume_unmute"></div>
					<!--音量控制start-->
					<div id="volumeControl" class="volume_wrap bar_wrap_bg hidden">
						<div id="volumeRange" class="volume_range">
							<div id="barVolume" class="bar_volume"></div>
						</div>
						<div id="btnMute" class="unmute_bg"></div>
					</div>
					<!--音量控制end-->
					<!-- <div id="btnMode" class="repeat_all_status"></div> -->
					<!--播放模式start-->
					<!-- <div id="modeControl" class="mode_wrap bar_wrap_bg">
						<div class="play_mode order_play" type="1" title="顺序播放"></div>
						<div class="play_mode random_play" type="2" title="随机播放"></div>
						<div class="play_mode repeat_one" type="3" title="单曲循环"></div>
						<div class="play_mode repeat_all" type="4" title="列表循环"></div>
					</div> -->
					<!--播放模式end-->
					<div id="previous" class="btn_last_disabled"></div>
					<div id="btnPlay" class="btn_play" title="播放"></div>
					<div id="next" class="btn_next_disabled"></div>
					<!--播放器按钮end-->
					<!--歌曲时间start-->
					<div id="currentTime" class="time_left time"></div>
					<div id="playDuration" class="bar_duration">
						<div id="playProgress" class="bar_progress"></div>
					</div>
					<div id="duration" class="time_right time"></div>
					<!--歌曲时间end-->
				</div>
				<!--播放器结束-->
			</div>
		</div>
		<audio id="audio">你的浏览器不支持audio</audio>
	</body>
</html>